<template>
  <div>
    <input
      type="text"
      :value="val"
      @input="$emit('inp', $event.target.value)"
    />
  </div>
</template>

<script>
export default {
  //子组件通过props接收数据
  props: ["val"],
  model: {
    prop: "val", //配置属性名
    event: "inp", //配置事件名
  },
};
</script>

<style >
input {
  border: solid 1px hotpink;
}
</style>